body{
    background-image: url(/img/背景1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    width: 1200px;
    margin: 0 auto;
}

/* 开始按钮*/
#start_button{
    position:absolute;
    width: 100px;
    height: 40px;
    left: 1400px;
    top: 400px;
    z-index: 1;
    display: block;
}

/* 开始按钮图片*/
#start_button_img{

    position:absolute;
    transform: scale(0.6);
    left: -105px;
    top:-45px;
    display: block;
}

/* 开始按钮图片*/
#start_button_img:active{

    position:absolute;
    transform: scale(0.55);
    left: -105px;
    top:-45px;
    display: block;
}

/*时间倒计时文本格式*/
#time_text{
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    color: red;
    position: absolute;
    left: 675px;
    top: 78px;
}

/*分数文本格式*/
#score_text{
    font-style: normal;
    font-weight:normal;
    font-size: 30px;
    color:coral;
    position: absolute;
    left: 1620px;
    top: 50px;
}

/* 可回收垃圾按钮*/
#recyclable_button{
    position:absolute;
    width: 130px;
    height: 10px;
    left: 650px;
    top:800px;
}


/* 可回收垃圾按钮图片*/
#recyclable_button_img{

    position:absolute;
    clip: rect(2px,148px,58px,2px);
    left: -12px;
    top:-8px;
}

/* 可回收垃圾按钮活动状态图片*/
#recyclable_button_img:active{

    position:absolute;
    clip: rect(2px,148px,58px,2px);
    transform: scale(0.9);
    left: -12px;
    top:-8px;
}

/* 厨余回收垃圾按钮*/
#Foodwaste_button{
    position:absolute;
    width: 130x;
    height: 10px;
    left: 810px;
    top:800px;
}

/* 厨余垃圾按钮图片*/
#Foodwaste_button_img{

    position:absolute;
    clip: rect(2px,148px,58px,2px);
    left: -12px;
    top:-8px;
}

/* 厨余垃圾按钮活动状态图片*/
#Foodwaste_button_img:active{

    position:absolute;
    clip: rect(2px,148px,58px,2px);
    transform: scale(0.9);
    left: -12px;
    top:-8px;
}

/* 干垃圾按钮*/
#Dry_button{
    position:absolute;
    width: 130px;
    height: 10px;
    left: 970px;
    top:800px;
}

/* 干垃圾按钮图片*/
#Dry_button_img{

    position:absolute;
    clip: rect(2px,148px,58px,2px);
    left: -12px;
    top:-8px;
}

/* 干垃圾按钮活动状态图片*/
#Dry_button_img:active{

    position:absolute;
    clip: rect(2px,148px,58px,2px);
    transform: scale(0.9);
    left: -12px;
    top:-8px;
}

/* 有害垃圾按钮*/
#Hazardous_button{
    position:absolute;
    width: 130px;
    height: 10px;
    left: 1130px;
    top:800px;
}

/* 有害垃圾按钮图片*/
#Hazardous_button_img{

    position:absolute;
    clip: rect(2px,148px,58px,2px);
    left: -12px;
    top:-8px;
}

/* 有害垃圾按钮活动状态图片*/
#Hazardous_button_img:active{

    position:absolute;
    clip: rect(2px,148px,58px,2px);
    transform: scale(0.9);
    left: -12px;
    top:-8px;
}

/*魔理沙_待机图片*/
#Marisa_Standby_img{
    position:absolute;
    transform: scale(1.6);
    left:200px;
    top:585px;
    display: block;
}

/*魔理沙_gif*/
#Marisa_gif{
    position:absolute;
    transform: scale(1.6);
    left:205px;
    top:600px;
    display: none;
}

/*蔡徐坤_待机图片*/
#Kun_Standby_img{
    position:absolute;
    transform: scale(0.6);
    left:600px;
    top:500px;
    display: block;
}

/*蔡徐坤_gif*/
#Kun_gif{
    position:absolute;
    transform: scale(0.6);
    left:600px;
    top:500px;
    display: none;
}

/* 可回收垃圾桶图片*/
#recyclable_img{
    position:absolute;
    transform: scale(1.5);
    left: 1300px;
    top:596px;
    z-index: 1;
}

/* 厨余垃圾桶图片*/
#Foodwaste_img{
    position:absolute;
    transform: scale(1.5);
    left: 1430px;
    top:596px;
    z-index: 1;
}

/* 干垃圾桶图片*/
#Dry_img{
    position:absolute;
    transform: scale(1.5);
    left: 1560px;
    top:596px;
    z-index: 1;
}

/* 有害垃圾桶图片*/
#Hazardous_img{
    position:absolute;
    transform: scale(1.5);
    left: 1690px;
    top:596px;
    z-index: 1;
}

/*钟表图片*/
#clock_img{
    position:absolute;
    transform: scale(0.13);
    left: 400px;
    top:-300px;
}

/*直升机gif*/
#helicopter_gif{
    position:absolute;
    transform: scale(0.63);
    left: 900px;
    top:50px;
}

/*答对了图片*/
#thatRight_img{
    position:absolute;
    /* transform: scale(0.63); */
    left: 1050px;
    top:50px;
    display: none;
}

/*多读书图片*/
#readMore_img{
    position:absolute;
    transform: scale(0.8);
    left: 1020px;
    top:50px;
    display: none;
}

/*分数图片*/
#score_img{
    position:absolute;
    transform: scale(0.6);
    left: 1400px;
    top:50px;
}

/*最终得分图片*/
#Finally_score_img{
    position: absolute;
    left: 660px;
    top: 270px;
    z-index: 0;
    display: none;
}

/*最终得分文本*/
#Finally_score_text{
    font-style: normal;
    font-weight: normal;
    font-size: 70px;
    color: red;
    position: absolute;
    left: 880px;
    top: 380px;
    display: none;
}

/* 重新开始按钮*/
#reStart_button{
    position:absolute;
    width: 90px;
    height: 36px;
    left: 888px;
    top:600px;
    z-index: 1;
    display: none;
}

/* 重新开始按钮图片*/
#reStart_button_img{

    position:absolute;
    transform: scale(0.4);
    left: -115px;
    top: -50px;
}

/* 重新开始按钮活动状态图片*/
#reStart_button_img:active{

    position:absolute;
    transform: scale(0.38);
    left: -115px;
    top:-50px;
}

/*垃圾图片块*/
#garbage_div{
    position:absolute;
    transform: scale(0.15);
    left: 200px;
    top:  400px;
    display: block;
}

/*垃圾图片*/
.garbage_img{
    position:absolute;
    left: 100px;
    top:  500px;
    display: none;
}